<html>
<body>

<wicket:extend>

<div id="Welcome">
  <div id="WelcomeContent">
    <span wicket:id="welcome"></span>
  </div>
</div>

<div id="Main">
  <div id="Sidebar">
    <div id="SidebarContent">
      <a wicket:id="viewCategoryFish1" href="#"><img src="images/fish_icon.gif"/></a>
      <br/>
      Saltwater, Freshwater
      <br/>
      <a wicket:id="viewCategoryDog1" href="#"><img src="images/dogs_icon.gif"/></a>
      <br/>
      Various Breeds
      <br/>
      <a wicket:id="viewCategoryReptile1" href="#"><img src="images/cats_icon.gif"/></a>
      <br/>
      Various Breeds, Exotic Varieties
      <br/>
      <a wicket:id="viewCategoryCat1" href="#"><img src="images/reptiles_icon.gif"/></a>
      <br/>
      Lizards, Turtles, Snakes
      <br/>
      <a wicket:id="viewCategoryBird1" href="#"><img src="images/birds_icon.gif"/></a>
      <br/>Exotic Varieties
    </div>
  </div>

  <div id="MainImage">
    <div id="MainImageContent">
      <map name="estoremap"><area alt="Birds" coords="72,2,280,250" wicket:id="viewCategoryBirdMain" href="#" shape="RECT"/>
        <area alt="Fish" coords="2,180,72,250" wicket:id="viewCategoryFish2" href="#" shape="RECT"/>
        <area alt="Dogs" coords="60,250,130,320" wicket:id="viewCategoryDog2" href="#" shape="RECT"/>
        <area alt="Reptiles" coords="140,270,210,340" wicket:id="viewCategoryReptile2" href="#" shape="RECT"/>
        <area alt="Cats" coords="225,240,295,310" wicket:id="viewCategoryCat2" href="#" shape="RECT"/>
        <area alt="Birds" coords="280,180,350,250" wicket:id="viewCategoryBird2" href="#" shape="RECT"/>
      </map>
      <img height="355" src="images/splash.gif" align="center" usemap="#estoremap" width="350"/>
    </div>
  </div>

  <div id="Separator">&nbsp;</div>
</div>

</wicket:extend>

</body>
</html>